<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/sks/cms/page/share/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="districtJavaScript.jsp" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String menuName = request.getParameter("menuName") == null ? ""
			: (String) request.getParameter("menuName");
	boolean isCollected = (Boolean) request.getAttribute("isCollected") != null ? (Boolean) request.getAttribute("isCollected") : false;
%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="租房,买房,三棵松,地产,中介" />
<meta name="description" content="三棵松地产" />
<title>三棵松地产</title>
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/common.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/BrightSide.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/css/frontpages/mytestcss.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=basePath%>sks/frontpages/district/district.css" />
<script type="text/javascript" src="/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>sks/js/frontpages/jquery.cookie.js"></script>
	

</head>
<body onload="javascript:changeMenu('<%=menuName%>');">
	<div class="wrap">
		<jsp:include page="../header.jsp"></jsp:include>
			<div class="nav-line">
				<a href="<%=basePath%>">SKS房地产</a> &gt; <a
					href="<%=basePath%>sks/district.do?method=list&menuName=village"> 小区</a> &gt; ${building.name }
			</div>
			<div id="clear"></div>
			<!-- header -->
<div class="bc standw">
<!--切换标签 star-->
			<div class="sxq_xqheadtab clearfix">
				<div class="tab_menu">
					<div class="menu">
						<a
							href="<%=basePath%>sks/districtInfo.do?method=base&menuName=village&buildingId=${building.buildingId }">小区概况<span></span>
						</a> <a
							href="<%=basePath%>sks/districtInfo.do?method=photo&menuName=village&buildingId=${building.buildingId }"
							class="on">小区照片<span></span>
						</a> <a
							href="<%=basePath%>sks/districtInfo.do?method=map&menuName=village&buildingId=${building.buildingId }">小区地图<span></span>
						</a> <a
							href="<%=basePath%>sks/districtInfo.do?method=houseSaleList&menuName=village&buildingId=${building.buildingId }&isRent=Buy">出售房源<span></span>
						</a> <a
							href="<%=basePath%>sks/districtInfo.do?method=houseRentList&menuName=village&buildingId=${building.buildingId }">出租房源<span></span>
						</a> <a
							href="<%=basePath%>sks/districtInfo.do?method=detail&menuName=village&buildingId=${building.buildingId }">周边配套<span></span>
						</a>
					</div>
					<div style="clear: both;" ></div>
					<a href="javascript:void(0);" id="collectDistrict"
						onclick="<%= isCollected ? "del_attentioncommunity()" : "add_attentioncommunity()"%>"
						class="sc_link""><%= isCollected ? "取消收藏" : "收藏小区"%></a>
				</div>
			</div>
			<div class="waijing_wrap mb10 clearfix">
				<div class="galles">
					<script type="text/javascript">
					<!--
					
						Slider = {
							isIE : true,
							m_imageSource : [],
							m_selIdx : 0,
							m_direction : 1,
							m_mainviewer : null,
							m_delayTimer : null,
							m_delayTimer1 : null,
							m_curObj : null,
							m_tarObj : null,
							m_inited : false,
							init : function(id, w, h, w1, h1, p, t, s, source) {
								this.isIE = document.all ? true : false;
								this.canvasWidth = w;
								this.canvasHeight = h;
								this.imageWidth = w1;
								this.imageHeight = h1;
								this.m_percent = p;
								this.m_top = t;
								this.m_spaceWidth = s;
								this.writeCanvas(id);
								for ( var i = 0; i < source.length; i++) {
									this.container.innerHTML += '<img src="<%=basePath %>'
											+ source[i]
											+ '" border="0"  style="'
											+ (this.isIE ? 'filter:alpha(opacity=50)'
													: 'opacity:0.5')
											+ ';width:' + w1 + 'px;height:'
											+ h1 + 'px;position:absolute;left:'
											+ ((i+1) * w1 + i * this.m_spaceWidth)
											+ 'px;top:' + this.m_top
											+ 'px;" index="' + i + '"/>';
									
								}
								this.m_mainviewer = this.container.firstChild
										.cloneNode(true);
								this.bind();
								this.start();
							},
							writeCanvas : function(id) {
								document
										.write('<div id="'+id+'" style="width:'+this.canvasWidth+'px;height:'+this.canvasHeight+'px;position:relative;padding-left:50px;overflow:hidden;background-color:black"></div>');
								this.container = document.getElementById(id);
							},
							bind : function(obj, evt, fun) {
								var obj = this.container;
								for ( var i = 0; i < obj.childNodes.length; i++) {
									this.attachEvent(
											this.container.childNodes[i],
											"mouseover", this.mouseover);
									this.attachEvent(
											this.container.childNodes[i],
											"mouseout", this.mouseout);
									this.attachEvent(
											this.container.childNodes[i],
											"click", this.click);
								}
							},
							attachEvent : function(obj, evt, fun) {
								if (Slider.isIE) {
									obj.attachEvent("on" + evt, fun);
								} else {
									obj.addEventListener(evt, fun, false);
								}
							},
							mouseover : function(e) {
								if (!e)
									e = window.event;
								var obj = e.srcElement || e.target;
								if (Slider.isIE) {
									obj.style.filter = "alpha(opacity=80)";
								} else {
									obj.style.opacity = "0.8";
								}
							},
							mouseout : function(e) {
								if (!e)
									e = window.event;
								var obj = e.srcElement || e.target;
								if (Slider.isIE) {
									obj.style.filter = "alpha(opacity=50)";
								} else {
									obj.style.opacity = "0.5";
								}
							},
							click : function(e) {
								if (!e)
									e = window.event;
								var obj = e.srcElement || e.target;
								var mobj = Slider.m_mainviewer;
								Slider.m_selIdx = obj.getAttribute("index");
								Slider.m_curObj = Slider.m_mainviewer;
								Slider.m_tarObj = obj;
								Slider.m_delayTimer = Slider.fadeIn(200, 5);
							},
							start : function() {
								var obj = this.m_mainviewer;
								if (Slider.isIE) {
									obj.style.filter = "alpha(opacity=100)";
								} else {
									obj.style.opacity = "1";
								}

								this.container.appendChild(this.m_mainviewer);
								this.m_mainviewer.style.width = parseInt(this.m_mainviewer.style.width)
										* (1 + this.m_percent) + "px";
								this.m_mainviewer.style.height = parseInt(this.m_mainviewer.style.height)
										* (1 + this.m_percent) + "px";
								this.m_curObj = this.container.childNodes[this.m_selIdx];
								this.m_tarObj = this.m_mainviewer;
								if (this.m_delayTimer)
									clearInterval(Slider.m_delayTimer);
								this.m_delayTimer = this.fadeIn(200, 5);
							},
							next : function() {
								var obj = this.container;
								var mobj = this.m_mainviewer;
								if (this.m_selIdx == obj.childNodes.length - 2) {
									this.m_direction = -1;
								}
								if (this.m_selIdx == 0) {
									this.m_direction = 1;
								}
								Slider.m_curObj = mobj;
								Slider.m_tarObj = obj.childNodes[this.m_selIdx];
								this.m_delayTimer = this.fadeIn(200, 5);
								mobj.src = obj.childNodes[this.m_selIdx].src;
								if (this.m_direction == -1) {
									this.m_selIdx--;
								} else {
									this.m_selIdx++;
								}
							},
							fadeIn : function(aa, ab) {
								var obj = this.container;
								with (this.m_curObj.style) {
									var t1 = parseInt(left);
									var t3 = parseInt(width);
									var t4 = parseInt(height);
									var t5 = parseInt(top);
								}
								if (Slider.m_inited) {
									var k1 = (t1 - (this.canvasWidth - parseInt(this.m_curObj.style.width)) / 2)
											/ ab;
									var k3 = (t3 - parseInt(this.m_tarObj.style.width))
											/ ab;
									var k4 = (t4 - parseInt(this.m_tarObj.style.height))
											/ ab;
									var k5 = (t5 - parseInt(this.m_tarObj.style.top))
											/ ab;
								} else {
									var k1 = (t1 - (this.canvasWidth - this.imageWidth
											* (1 + this.m_percent)) / 2)
											/ ab;
									var k3 = (t3 - this.imageWidth
											* (1 + this.m_percent))
											/ ab;
									var k4 = (t4 - this.imageHeight
											* (1 + this.m_percent))
											/ ab;
									var k5 = (this.imageHeight * this.m_percent / 2)
											/ ab;
								}
								var mobj = this.m_mainviewer;
								return setInterval(
										function() {
											if (ab < 1) {
												clearInterval(Slider.m_delayTimer);
												if (Slider.m_inited) {
													if (!Slider.m_fadein) {
														Slider.m_curObj = obj.childNodes[Slider.m_selIdx];
														Slider.m_tarObj = mobj;
														mobj.src = obj.childNodes[Slider.m_selIdx].src;
														Slider.m_fadein = true;
														Slider.m_inited = false;
														Slider.m_delayTimer = Slider
																.fadeIn(200, 10);
													} else {
														Slider.m_fadein = false;
														Slider.m_inited = true;
													}
												}
												Slider.m_inited = true;
												return;
											}
											ab--;
											t1 -= k1;
											t3 -= k3;
											t4 -= k4;
											t5 -= k5;
											if (Slider.m_fadein) {
												for ( var i = 0; i < obj.childNodes.length - 1; i++) {
													obj.childNodes[i].style.left = (parseInt(t1) + (Slider.imageWidth + Slider.m_spaceWidth)
															* (i - Slider.m_selIdx))
															+ "px";
												}

											}
											with (mobj.style) {
												left = t1 + "px";
												top = t5 + "px";
												width = t3 + "px";
												height = t4 + "px";
											}
										}, aa / ab);
							}
						}
						
						var pictrue = '${pictrue}'.split(",");

						Slider.init('pic', 800, 600, 300, 200, 0.5, 200, 20,
								pictrue);
					//-->
					</script>
				</div>

			</div>
		</div>
			<div id="clear"></div>
			<div class="blank10"></div>
			<!-- footer starts here -->
			<jsp:include page="../rooster.jsp"></jsp:include>
	</div>
</body>
</html>